@import url('./animation.less');

.container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  color: var(--weui-FG-0);
}

.page {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -0.1px; // fix 包含的元素不够触发滚动条时，调起软件键盘时元素被顶起，收起软键盘时元素不回落
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  opacity: 1;
  z-index: 1; // fix 滑动几次后可滚动区域会卡住的问题

  &.navbar {
    padding-top: 45px;
  }
}

.page__navbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.btn-text {
  cursor: pointer;
  color: var(--weui-BRAND);

  &:active {
    color: #1ec770;
  }
}

svg,
img {
  vertical-align: middle;
}

// 取消 .weui-btn 的 width: 184px 的限制
.weui-btn.cell {
  width: auto;
}
